<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>BVLGARI Store Locator</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../../css/public.css" media="all"/>
</head>

<body class="childrenBody" style="background: #f2f2f2;">
<blockquote class="layui-elem-quote quoteBox">
    <form class="layui-form">
        <div class="layui-row">
            <div class="layui-col-md3 layui-col-xs12">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-block">
                    <input name="startTime" type="text" class="layui-input" id="startTime" placeholder="请输入开始时间">
                </div>
            </div>
            <div class="layui-col-md3 layui-col-xs12">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-block">
                    <input name="endTime" type="text" class="layui-input" id="endTime" placeholder="请输入结束时间">
                </div>
            </div>
            <div class="layui-col-xs3 layui-right">
                <a class="layui-btn confirm_btn"><i class="layui-icon layui-icon-search"></i>搜索</a>
            </div>
        </div>

    </form>
</blockquote>
<div class="layui-col-md6 layui-col-xs6" style="padding: 10px 5px 0 0px;">
    <div class="layui-card">
        <div class="layui-card-header">预约到店店铺排行</div>
        <div id="appointRank" class="layui-card-body" style="height: 50vh;">
        </div>
    </div>
</div>
<div class="layui-col-md6 layui-col-xs6" style="padding: 10px 0 0 5px;">
    <div class="layui-card">
        <div class="layui-card-header">预约到店率</div>
        <div id="appointRate" class="layui-card-body" style="height: 50vh;">
        </div>
    </div>
</div>
<div class="layui-col-md6 layui-col-xs6">
    <div class="ranklist-content">
        <table id="appointRankList" lay-filter="appointRankList"></table>
    </div>
</div>

<div class="layui-col-md6 layui-col-xs6">
    <div class="ratelist-content">
        <table id="appointRateList" lay-filter="appointRateList"></table>
    </div>
</div>

<script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://img.hcharts.cn/highcharts/highcharts-more.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/funnel.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="appointments.js"></script>

</body>

</html>